<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-module</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <!--input-->
        <div>
            <input type="text" v-model="inputVal">
            <br>
            input值：{{inputVal}}
        </div>
        <!--checkbox-->
        <div>
            <input type="checkbox" v-model="checkboxArr" value="1" id="checkbox1"><label for="checkbox1">1</label>
            <input type="checkbox" v-model="checkboxArr" value="2" id="checkbox2"><label for="checkbox2">2</label>
            <input type="checkbox" v-model="checkboxArr" value="3" id="checkbox3"><label for="checkbox3">3</label>
            <br>
            checkbox值：{{checkboxArr}}
        </div>
        <!--radio-->
        <div>
            <input type="radio" name="radio1" value="1" v-model="radioVal" id="radio1"><label for="radio1">1</label>
            <input type="radio" name="radio1" value="2" v-model="radioVal" id="radio2"><label for="radio2">2</label>
            <br>
            radio值：{{radioVal}}
        </div>
        <!--select-->
        <select v-model="selectVal">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
        <br>
        select值：{{selectVal}}
    </div>

    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                inputVal: '123',
                checkboxArr: [],
                radioVal: '',
                selectVal: '3'
            }
        })
    </script>
</body>
</html>